page {
  width: 100%;
  height: 100%; 
  background-image: url('https://xtbs.ljsyy.net/wxamp-app-background-image.png');
}

.wraper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.header-s {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('https://xtbs.ljsyy.net/wxamp-app-background-image.png');
  z-index: 100
}
.header {
  color: black;
  line-height: 230rpx;
  height: 120rpx;
  flex: 0 0 100rpx;
  // font-size: 25rpx;
  font-weight:bolder;
  margin-left: 20rpx;
  /* 不放大不缩小固定100rpx */
}

.main {
  flex: 1;
  position: relative;
  background-color: #FFFFFF;
  z-index: 0;
}

.main-scroll {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.main-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 2vw;
  margin-right: 2vw;
}

.card {
  width: 47vw;
  margin-top: 10rpx;
  margin-bottom: 10rpx;
}

.card-box {
  width: 100%;
  height: 200rpx;
  border-radius: 6rpx;
  background: #ccc;
}

.card-content {
  color: blue;
}

.footer {
  background: rgb(8, 117, 94);
  color: #fff;
  line-height: 100rpx;
  flex: 0 0 100rpx;
  /* 不放大不缩小固定100rpx */
}
::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}
